function $(id) {
    return document.getElementById(id)
}

var oIpt = $('ipt1');
var oList = $('list')
var oLis = oList.children;

// 给输入框绑定点击事件
oIpt.onfocus = function() { // 发生的事情
    setTimeout(function() {
        oList.style.display = 'block'
    }, 300)
}

// 给输入框绑定失去焦点事件
oIpt.onblur = function() {
    setTimeout(function() {
        oList.style.display = 'none'
    }, 300)
}

// 给每一个下拉项添加点击事件
for (var i = 0; i < oLis.length; i++) {
    oLis[i].onclick = function() {
        // 点击了谁？怎么表示   this.innerHTML
        oIpt.value = this.innerHTML; // 你点击的元素的内容给 输入框
    }
}